<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>jQuery UI Example Page</title>

        <!-- Estilos Blueprint -->
        <link type="text/css" href="css/blueprint/reset.css" rel="stylesheet" />
        <link type="text/css" href="css/blueprint/ie.css" rel="stylesheet" />
        <link type="text/css" href="css/blueprint/forms.css" rel="stylesheet" />
        <link type="text/css" href="css/blueprint/typography.css" rel="stylesheet" />

        <!-- Estilos Jquery UI -->
        <link type="text/css" href="css/hive-escuro/jquery-ui-1.8.16.custom.css" rel="stylesheet" />

        <!-- Meus grid -->
        <link type="text/css" href="css/grid.css" rel="stylesheet" />

        <!-- Meus estilos -->
        <link type="text/css" href="css/estilo.css" rel="stylesheet" />

        <!-- Scripts -->
        <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="js/jquery-fluid16.js"></script>
        <script type="text/javascript" src="js/meio-mask.js"></script>
        <script type="text/javascript" src="js/tabelas-dinamicas.js"></script>
        <script type="text/javascript" src="js/scripts.js"></script>
        <script type="text/javascript" src="js/cortes.js"></script>

    </head>
    <body>
        <div id="page">
            <div id="header">
                <h2>Linear Cuts 1.0</h2>
            </div>

            <div id="content" class="container_16">
                <div id="baker" class=" grid_8">
                    <fieldset class="box">
                        <legend>Baker de Matrizes</legend>
                        <form action="#" method="post">
                            <div class="grid_16 formMatrizes">
                                <label for="matriz-size">Tamanho</label>
                                <input type="text" id="matriz-size" name="matriz-size[]" class="full-me" alt="signed-decimal-us" />
                            </div>
                            <!--
                            <div class="grid_4">
                                <label for="matriz-qtd-min">Qtd Mín</label>
                                <input type="text" id="matriz-qtd-min" name="matriz-qtd-min[]" class="full-me" alt="integer" />
                            </div>
                            <div class="grid_4">
                                <label for="matriz-qtd-max">Qtd Máx</label>
                                <input type="text" id="matriz-qtd-max" name="matriz-qtd-max[]" class="full-me" alt="integer" />
                            </div>
                            <div class="grid_4">
                                <label for="matriz-custo">Custo Unit.</label>
                                <input type="text" id="matriz-custo" name="matriz-custo[]" class="full-me" alt="signed-decimal-us" />
                            </div>
                            -->
                            <div class="clear"></div>
                            <div class="barra-botoes formMatrizes">
                                <button type="submit" id="addMatriz">Adicionar</button>
                                <button type="reset">Limpar</button>
                            </div>
                            
                        </form>
                        <div class="tb-matrizes grid_16">
                            <table class="full-me" id="matrizes">
                                <thead class="full-me">
                                    <tr>
                                        <th colspan="100">Matriz</th>
                                        <!--
                                        <th>Qtd Min </th>
                                        <th>Qtd Max</th>
                                        <th>Custo</th>
                                        <th>&nbsp;</th>
                                        -->
                                    </tr>
                                </thead>
                                <tfoot></tfoot>
                                <tbody>
                                    <tr>
                                        <td colspan="100">Nenhuma Matriz Informada</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>


                    </fieldset><!-- Fim do Baker de Cortes -->


                    <fieldset class="box">
                        <legend>Baker de Cortes</legend>
                        <form action="#" method="post">
                            <div class="grid_8">
                                <label for="corte-size">Tamanho</label>
                                <input type="text" id="corte-size" name="corte-size[]" class="full-me" alt="signed-decimal-us" />
                            </div>
                            <div class="grid_8">
                                <label for="corte-qtd-min">Qtd Min</label>
                                <input type="text" id="corte-qtd-min" name="corte-qtd-min[]" class="full-me" alt="integer" />
                            </div>
                            <!--
                            <div class="grid_4">
                                <label for="corte-qtd-max">Qtd Max</label>
                                <input type="text" id="corte-qtd-max" name="corte-qtd-max[]" class="full-me" alt="integer" />
                            </div>
                            <div class="grid_4">
                                <label for="corte-qtd-exata">Qtd Exata</label>
                                <input type="text" id="corte-qtd-exata" name="corte-qtd-exata[]" class="full-me" alt="integer" />
                            </div>
                            -->
                            <div class="clear"></div>
                            <div class="barra-botoes">
                                <button type="submit" id="addCorte">Adicionar</button>
                                <button type="reset">Limpar</button>
                            </div>
                        </form>

                        <!-- tabela dos Cortes -->
                        <div class="tb-cortes grid_16">
                            <table class="full-me" id="cortes">
                                <thead class="full-me">
                                    <tr>
                                        <th>Tamanho</th>
                                        <th>Qtd Min</th>
                                        <!--
                                        <th>Qtd Max</th>
                                        <th>Qtd Exata</th>
                                        -->
                                        <th>&nbsp;</th>
                                    </tr>
                                </thead>
                                <tfoot></tfoot>
                                <tbody>
                                    <tr class="tr_info_inicial">
                                        <td colspan="100">Nenhum Corte Informado</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                    </fieldset>
                </div>


                <div id="maker" class=" grid_8">
                    <fieldset class="box">
                        <legend>Visualizador</legend>

                        <div class="barra-botoes">
                            <button type="submit" id="calcular">Calcular</button>
                        </div>
                        <pre id="saida"></pre>
                    </fieldset>
                </div>

                <div class="grid_16 hidden" id="modelos">
                    <table class="full-me" id="modelo_matriz">
                        <thead class="full-me">
                            <tr>
                                <th>Tamanho</th>
                                <!--
                                <th>Quantidade Mínima</th>
                                <th>Quantidade MÃ¡xima</th>
                                <th>Custo</th>
                                <th>&nbsp;</th>
                                -->
                            </tr>
                        </thead>
                        <tfoot></tfoot>
                        <tbody>
                            <tr class="tr_modelo_matrizes">
                                <td>
                                    <span class="tamanho_matriz">Tamanho</span>
                                    <input type="hidden" class="tamanho_matriz" value="" />
                                </td>
                                <!--
                                <td>
                                    <span class="min_matriz">Minimo</span>
                                    <input type="hidden" class="min_matriz" value="" />
                                </td>
                                <td>
                                    <span class="max_matriz">MÃ¡ximo</span>
                                    <input type="hidden" class="max_matriz" value="" />
                                </td>
                                <td>
                                    <span class="custo_matriz">Custo</span>
                                    <input type="hidden" class="custo_matriz" value="" />
                                </td>
                                -->
                                <td>
                                    <a href="#" class="remove_tr_item remove_matriz">Excluir</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>

                    <table class="full-me" id="modelo_corte">
                        <thead class="full-me">
                            <tr>
                                <th colspan="100">Tamanho</th>
                                <!--
                                <th>Quantidade Mínima</th>
                                <th>Quantidade MÃ¡xima</th>
                                <th>Qtd Exata</th>
                                <th>&nbsp;</th>
                                -->
                            </tr>
                        </thead>
                        <tfoot></tfoot>
                        <tbody>
                            <tr class="tr_modelo_cortes">
                                <td>
                                    <span class="tamanho_corte">Tamanho</span>
                                    <input type="hidden" class="tamanho_corte" value="" />
                                </td>
                                <td>
                                    <span class="min_corte">Minimo</span>
                                    <input type="hidden" class="min_corte" value="" />
                                </td>
                                <!--
                                <td>
                                    <span class="max_corte">MÃ¡ximo</span>
                                    <input type="hidden" class="max_corte" value="" />
                                </td>
                                <td>
                                    <span class="exata_corte">Custo</span>
                                    <input type="hidden" class="exata_corte" value="" />
                                </td>
                                -->
                                <td>
                                    <a href="#" class="remove_tr_item">Excluir</a>
                                </td>
                                
                            </tr>
                        </tbody>
                    </table>

                </div><!-- Fim div#modelos -->
                <div class="grid_16"></div>
                <div class="clear"></div>
            </div> <!-- Fim div#content -->

            <div id="footer">
                By Rômulo Torres
            </div>
        </div> <!-- Fim div#page -->

    </body>
</html>


